<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title><?php bloginfo('name'); ?></title>

<!--Main Element CSS-->
<link href="<?php bloginfo('template_url'); ?>/css/style.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/css/form.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/css/font-awesome.css" rel="stylesheet" type="text/css">

<!--Responsive CSS-->
<link href="<?php bloginfo('template_url'); ?>/css/responsive.css" rel="stylesheet" type="text/css">

<!--Flexy Menu CSS-->
<link href="<?php bloginfo('template_url'); ?>/css/flexy-menu.css" rel="stylesheet" type="text/css">

<!--LayerSlider CSS-->
<link href="<?php bloginfo('template_url'); ?>/layerslider/css/layerslider.css" rel="stylesheet" type="text/css">

<!--Important Owl CSS-->
<link href="<?php bloginfo('template_url'); ?>/css/owl.carousel.css" rel="stylesheet" type="text/css">

<!--Owl DefaultTheme -->
<link href="<?php bloginfo('template_url'); ?>/css/owl.theme.css" rel="stylesheet" type="text/css">

<!--MEGAFOLIO PRO GALLERY CSS-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/megafolio/css/settings.css" media="screen" />

<!--COLORBOX LIGHTBOX CSS-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/colorbox.css" media="screen" />

<!-- Flexslider CSS -->
<link href="<?php bloginfo('template_url'); ?>/css/flexslider.css" rel="stylesheet" type="text/css">

<!-- Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/jquery.fancybox8cbb.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/jquery.fancybox-buttons3447.css?v=1.0.5" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/jquery.fancybox-thumbsf2ad.css?v=1.0.7" media="screen" />

<!-- Tooltip CSS -->
<link href="<?php bloginfo('template_url'); ?>/css/tooltip.css" rel="stylesheet" type="text/css">

<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,300,500,700|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

<!--[if lte IE 8]>
<meta HTTP-EQUIV="REFRESH" content="0; url=lte-ie8.html">
<![endif]-->

</head>

<body>

	<!--Top Header Start-->
    <section class="top-header">
    	<div class="wrapper topwrap">
        	<p class="top-info">Lorem ipsum dolor sit amet consetetur sadipscing elitr</p>
            
            <!--Social Media Icons-->
            <ul class="top-socialmedia">
            	<li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media1.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media2.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media3.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media4.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media5.png" alt="social media" /></a>
                </li>
            </ul>
            <!--End-->
            
        </div>
    </section>
    <!--Top Header End-->
    
    <div class="wrapper">
    	
        <!--Logo and Main Menu Start-->
        <header class="header-section">
        
        	<!--Logo Start-->
            <div class="logo">
            	<div class="logo-wrapper">
            		<a href="<?php bloginfo('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="logo" /></a>
                </div>
            </div>
            <!--End-->
        	
            <!--Navigation Menu Start-->
            <ul class="flexy-menu">
                <!--<li class="active"><a href="#">Home</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="index.html">LayerSlider</a></li>
                        <li><a href="home-sync-slider.html">Sync Slider</a></li>
                        <li><a href="home-layerslider-fullslide.html">LayerSlider Full Slide</a></li>
                        <li><a href="home-sync-slider-fullslide.html">Sync Slider Full Slide</a></li>
                        <li><a href="#">Dropdown Menu</a>
                        	<ul>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">About Us</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="about-us-style1.html">About Us Style 1</a></li>
                        <li><a href="about-us-style2.html">About Us Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Our Services</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="service-style1.html">Our Services Style 1</a></li>
                        <li><a href="service-style2.html">Our Services Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Portfolio</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="#">Portfolio Lists</a>
                        	<ul>
                                <li><a href="portfolio-basic-3-columns.html">Basic 3 Columns</a></li>
                                <li><a href="portfolio-basic-4-columns.html">Basic 4 Columns</a></li>
                                <li><a href="portfolio.html">Basic 5 Columns</a></li>
                                <li><a href="portfolio-special-7.html">Special Array 7</a></li>
                                <li><a href="portfolio-special-8.html">Special Array 8</a></li>
                                <li><a href="portfolio-special-9.html">Special Array 9</a></li>
                                <li><a href="portfolio-different-height-1.html">Different Height 1</a></li>
                                <li><a href="portfolio-different-height-2.html">Different Height 2</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Portfolio Single Page</a>
                        	<ul>
                                <li><a href="portfolio-single.html">With Feature Image</a></li>
                                <li><a href="portfolio-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="portfolio-single-video-embed.html">With Video Embed</a></li>
                                <li><a href="portfolio-single-soundcloud.html">With SoundCloud</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">Blog</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="blog-style1.html">Blog Lists Style 1</a></li>
                        <li><a href="blog-style2.html">Blog Lists Style 2</a></li>
                        <li><a href="#">Blog Single Page</a>
                        	<ul>
                                <li><a href="blog-single.html">With Feature Image</a></li>
                                <li><a href="blog-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="blog-single-video-embed.html">With Video Embed</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">Page</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="page-without-sidebar.html">Page Without Sidebar</a></li>
                        <li><a href="page-with-sidebar.html">Page With Sidebar</a></li>
                	</ul>
                </li>
                <li><a href="clients.html">Clients</a><div class="menu-space"></div></li>
                <li><a href="contact-us.html">Contact Us</a><div class="menu-space"></div></li>-->
                <?php wp_list_pages('title_li='); ?>
            </ul>
            <!--Navigation Menu End-->
            
        </header>
        <!--Logo and Main Menu End-->
        
        <div class="container">
        	
            <!--All Content Start-->
            <div class="content-wrapper">
            	<div>
                	<div class="toppanel-left">
                    	
                        <!--Home Slider Start-->
                        <div id="layerslider" style="width: 714px; height: 400px;">
                         
                            <!--Slider 1-->
                            <div class="ls-slide" data-ls="transition2d: 8,49,111,105; slidedelay: 8000;">
                         
                                <!--Slider Background-->
                                <img class="ls-bg" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-bg1.jpg" alt="layer1-background" />
                                <a href="#" class="ls-link"></a>
                                
                                <!--Slider Layers-->
                                <img class="ls-l" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-sub-image1.png" alt="layer image" style="top: 20px; left: 80px;" data-ls="offsetxin: 700; offsetxout: -450; fadein: false; fadeout: false; durationin: 2500; durationout: 1000; easingout : easeInOutBack;" />
                                
                                <h1 class="ls-l" style="top: 83px; left: 410px; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 24px; color: white;" data-ls="offsetxin: -50; offsetxout: -50; durationin: 1500; durationout: 1000; delayin: 1300; easingin: easeInOutQuart; rotateyin: -180; rotateyout: -180;">Welcome to</h1>
                                
                                <h1 class="ls-l" style="top: 100px; left: 400px; font-weight: 700; font-size: 80px; color: white; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); text-transform: uppercase;" data-ls="offsetxin: 0; offsetxout: 0; durationin: 5000; delayin: 1300; easingin: easeOutElastic; rotatexin: 90; transformoriginin: 50% bottom 0; rotatexout: 90; transformoriginout: 50% bottom 0;">GEMIZ</h1>
                                
                                <h1 class="ls-l" style="top: 195px; left: 410px; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 27px; color: white;" data-ls="offsetxin: -50; offsetxout: -50; durationin: 1800; durationout: 1000; delayin: 1500; easingin: easeInOutQuart; rotateyin: -180; rotateyout: -180;">Portfolio Template</h1>
                                
                                <div class="ls-l" style="top: 245px; left: 450px; font-size: 65px; color: white;" data-ls="offsetxin: 0; offsetxout: 0; durationin: 1500; durationout: 1000; delayin: 2000; easingin: easeInOutQuart; rotateyin: -180; rotateyout: -180;"><i class="fa fa-html5"></i></div>
                                
                                <div class="ls-l" style="top: 245px; left: 525px; font-size: 65px; color: white;" data-ls="offsetxin: 0; offsetxout: 0; durationin: 1500; durationout: 1000; delayin: 2000; easingin: easeInOutQuart; rotateyin: -180; rotateyout: -180;"><i class="fa fa-css3"></i></div>

                            </div>
                            <!--End-->
                            
                            <!--Slider 2-->
                            <div class="ls-slide" data-ls="transition2d: 8,49,111,105; slidedelay: 8000;">
                         
                                <!--Slider Background-->
                                <img class="ls-bg" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-bg2.jpg" alt="layer2-background" />
                                <a href="#" class="ls-link"></a>
                                
                                <!--Slider Layers-->
                                <img class="ls-l" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-tablet.png" alt="layer image" style="top: 80px; left: 355px;" data-ls="offsetxin: 500; offsetxout: 500; fadein: false; fadeout: false; durationin: 2000; durationout: 1000; easingin: easeInOutBack; easingout : easeInOutBack;" />
                                
                                <img class="ls-l" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-mobile.png" alt="layer image" style="top: 155px; left: 335px;" data-ls="offsetxin: 580; offsetxout: 580; fadein: false; fadeout: false; durationin: 2500; durationout: 1000; easingin: easeInOutBack; easingout : easeInOutBack;" />
                                
                                <h1 class="ls-l" style="top: 123px; left: 55px; font-weight: 400; font-size: 22px; color: white; background-color: #4a4a4a; padding: 5px 15px;" data-ls="offsetxin: -400; offsetxout: -400; durationin: 1500; durationout: 1000; delayin: 1000; easingin: easeInOutBack; easingout : easeInOutBack;">Responsive Design</h1>
                                
                                <h1 class="ls-l" style="top: 180px; left: 55px; font-weight: 400; font-size: 22px; color: white; background-color: #4a4a4a; padding: 5px 15px;" data-ls="offsetxin: -400; offsetxout: -400; durationin: 1800; durationout: 1000; delayin: 1000; easingin: easeInOutBack; easingout : easeInOutBack;">Easy To Customization</h1>
                                
                                <h1 class="ls-l" style="top: 236px; left: 55px; font-weight: 400; font-size: 22px; color: white; background-color: #4a4a4a; padding: 5px 15px;" data-ls="offsetxin: -400; offsetxout: -400; durationin: 2000; durationout: 1000; delayin: 1000; easingin: easeInOutBack; easingout : easeInOutBack;">And More Features</h1>

                            </div>
                            <!--End-->
                            
                            <!--Slider 3-->
                            <div class="ls-slide" data-ls="transition2d: 8,49,111,105; slidedelay: 8000;">
                         
                                <!--Slider Background-->
                                <img class="ls-bg" src="<?php bloginfo('template_url'); ?>/images/upload/small-slider-bg3.jpg" alt="layer3-background" />
                                <a href="#" class="ls-link"></a>
                                
                                <!--Slider Layers-->
                                <h1 class="ls-l" style="top: 85px; left: 70px; font-weight: 700; font-size: 44px; color: white; text-transform: uppercase; background-color: #f68a5e; padding: 5px 15px;" data-ls="offsetxin: -400; offsetxout: -400; durationin: 1500; durationout: 1000; easingin: easeInOutBack; easingout : easeInOutBack;">Smooth</h1>
                                
                                <h1 class="ls-l" style="top: 168px; left: 70px; font-weight: 400; font-size: 22px; color: white; background-color: #4a4a4a; padding: 5px 15px;" data-ls="offsetxin: -400; offsetxout: -400; durationin: 2000; durationout: 1000; easingin: easeInOutBack; easingout : easeInOutBack;">Clean and Minimal Design</h1>

                            </div>
                            <!--End-->
        
                        </div>
                        <!--Home Slider End-->
                        
                        <!--Site Slogan Start-->
                        <div class="site-slogan-wrapper">
                        	<div class="site-slogan">
                            	<p>We work with <span>passion and knowledge.</span></p>
                            </div>
                        </div>
                        <!--Site Slogan End-->
                        
                    </div>
                    
                    <!--Who We Are Start-->
                    <div class="toppanel-right">
                    	<div class="home-aboutus">
                            <figure>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/who-we-are.jpg" alt="Who we are" />
                            </figure>
                        </div>
                        <div class="home-aboutus-content">
                        	<div class="home-aboutus-title">
                            	Who we are
                            </div>
                            <div class="home-aboutus-details">
                                <figure>
                                    <img src="<?php bloginfo('template_url'); ?>/images/upload/like-logo.png" alt="like" />
                                </figure>
                                <p>Consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
                                <button onClick="location.href='about-us-style2.html'">Read More</button>
                            </div>
                        </div>
                    </div>
                    <!--Who We Are End-->
                    
                </div>
                
                <div class="clearfix"></div>
                
                <!--Our Services Start-->
                <section class="stripe service-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">our services</span></h1>
                    </div>
                    <ul id="owl-service" class="owl-carousel owl-theme">
                    	<li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Lorem Ipsum</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service1.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Diam Nonumy</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service2.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Eirmod Tempor</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service3.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Dolore Magna</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service4.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Aliquyam Erat</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service5.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Diam Voluptua</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service6.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Stet Clita</div>
                                </div>
                                <img src="<?php bloginfo('template_url'); ?>/images/upload/home-our-service7.jpg" alt="our service" />
                            </a>
                        </li>
                    </ul>
                </section>
                <!--Our Services End-->
                
                <!--Call to Action-->
                <div class="call-action">
                	<div class="call-action-text">
                    	<p>Lorem ipsum dolor <span>justo duo dolores.</span></p>
                    </div>
                    <button class="dark-button" onClick="location.href='#'">More Details</button>
                </div>
                <!--End-->
                
                <!--Portfolio Start-->
                <section class="stripe portfolio-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">portfolio</span></h1>
                    </div>
                    
                    <!--Category Filter-->
                    <div class="category-filter">
                    	<ul>
                            <li class="filter selected" data-category="cat-all">All</li>
                            <li class="filter" data-category="cat-one">Photography</li>
                            <li class="filter" data-category="cat-two">Creative</li>
                            <li class="filter" data-category="cat-three">Web Design</li>
                            <li class="filter" data-category="cat-four">Application</li>
                        </ul>
                    </div>
                    <!--End-->
                    
                    <!--Portfolio Thumbnails-->
                    <div class="portfolio-thumbnail">
                    	<div class="megafolio-container noborder">
                            
                            <!--Thumbnail 1 Start-->
                            <div class="mega-entry cat-all cat-four cat-two" id="entry-1" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb1.jpg" data-width="800" data-height="605">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href=".html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup1">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb1.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single2.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 2 Start-->
                            <div class="mega-entry cat-all cat-one cat-three cat-four" id="entry-2" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb2.jpg" data-width="600" data-height="655">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-2.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup2">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb2.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single3.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 3 Start-->
                            <div class="mega-entry cat-all cat-one cat-two cat-three" id="entry-3" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb3.jpg" data-width="800" data-height="536">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-3.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup3">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb3.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 4 Start-->
                            <div class="mega-entry cat-all cat-four cat-two" id="entry-4" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb4.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-4.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup4">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb4-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 5 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-5" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb5.jpg" data-width="590" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-5.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup5">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb5.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single4.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 6 Start-->
                            <div class="mega-entry cat-all cat-one cat-three cat-four" id="entry-6" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb6.jpg" data-width="700" data-height="766">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-6.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup6">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb6.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single5.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 7 Start-->
                            <div class="mega-entry cat-all cat-four cat-three" id="entry-7" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb7.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-7.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup7">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb7-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 8 Start-->
                            <div class="mega-entry cat-all cat-three cat-two" id="entry-8" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb8.jpg" data-width="400" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-8.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>

                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup8">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb8.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 9 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-9" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb9.jpg" data-width="400" data-height="350">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-9.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup9">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb9.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 10 Start-->
                            <div class="mega-entry cat-all cat-one cat-four" id="entry-10" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb10.jpg" data-width="800" data-height="707">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-10.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup10">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb10.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single6.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 11 Start-->
                            <div class="mega-entry cat-all cat-two cat-three" id="entry-11" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb11.jpg" data-width="400" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-11.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup11">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb11.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 12 Start-->
                            <div class="mega-entry cat-all cat-three cat-two" id="entry-12" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb12.jpg" data-width="700" data-height="467">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-12.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup12">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb12.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 13 Start-->
                            <div class="mega-entry cat-all cat-four cat-three" id="entry-13" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb13.jpg" data-width="800" data-height="559">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-13.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>

                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup13">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb13.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single7.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 14 Start-->
                            <div class="mega-entry cat-all cat-three cat-four" id="entry-14" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb14.jpg" data-width="600" data-height="605">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-14.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup14">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb14.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single8.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 15 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-15" data-src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb15.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-15.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup15">
                                	<img src="<?php bloginfo('template_url'); ?>/images/upload/portfolio-thumb15-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                    	</div>
                    </div>
                    <!--Portfolio Thumbnails End-->
                    
                </section>
                <!--Portfolio End-->
                
                <!--Testimonial Start-->
                <section class="stripe testimonial-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">testimonial</span></h1>
                    </div>
                    <div id="owl-testimonial" class="owl-carousel owl-theme">
                    	
                        <!--Testimonial 1-->
                        <div class="item">
                        	<blockquote>
                            	<span class="quote-icon">Eirmod tempor invidunt ut labore et dolore magna aliquyam erat at vero eos et accusam et justo duo dolores rebum stet clita kasd gubergren sea takimata sanctus est lorem ipsum.</span>
                            </blockquote>
                            <div class="testimonial-client">
                            	<img src="<?php bloginfo('template_url'); ?>/images/upload/testimonial-avatar.jpg" alt="client" />
                                <p>Jim M. Maldonado</p>
                            </div>
                        </div>
                        <!--End-->
                        
                        <!--Testimonial 2-->
                        <div class="item">
                        	<blockquote>
                            	<span class="quote-icon">Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptu vero eos et accusam justo duo dolores et ea rebum, stet clita kasd gubergren takimata.</span>
                            </blockquote>
                            <div class="testimonial-client">
                            	<img src="<?php bloginfo('template_url'); ?>/images/upload/testimonial-avatar2.jpg" alt="client" />
                                <p>Debra Sumner</p>
                            </div>
                        </div>
                        <!--End-->
                        
                        <!--Testimonial 3-->
                        <div class="item">
                        	<blockquote>
                            	<span class="quote-icon">Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor ut labore et dolore magna aliquyam erat, sed diam voluptua at vero eos et accusam justo duo dolores.</span>
                            </blockquote>
                            <div class="testimonial-client">
                            	<img src="<?php bloginfo('template_url'); ?>/images/upload/testimonial-avatar3.jpg" alt="client" />
                                <p>Otis M. Barton</p>
                            </div>
                        </div>
                        <!--End-->
                        
                    </div>
                </section>
                <!--Testimonial End-->
                
            </div>
            <!--All Content End-->
            
            <!--Footer Start-->
            <footer class="footer-section">
                <div class="wrapper">
                    <div class="footer-content">
                        <div class="footer-top">
                            
                            <!--Footer About Us-->
                            <section class="footer-about">
                                <figure>
                                    <img src="<?php bloginfo('template_url'); ?>/images/logo-footer.png" alt="logo" />
                                </figure>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet.</p>
                                </div>
                            </section>
                            <!--Footer About Us End-->
                            
                            <!--Footer Contact-->
                            <section class="footer-contact">
                                <h2 class="footer-title">Contact info</h2>
                                <div class="footer-details">
                                    <ul>
                                        <li>
                                            <div class="contact-list">
                                                <span>Company Name<br>4884 Lilac Lane Statesboro, GA 30458</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list email">
                                                <span>Email: info@yourdomain.com</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list phone">
                                                <span>Phone: 111-123-456-9999</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                            <!--Footer Contact End-->
                            
                            <!--Footer Subscribe-->
                            <section class="footer-subscribe">
                                <h2 class="footer-title">Newsletter</h2>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod.</p>
                                    <div class="subscribe-box">
                                        <form>
                                            <input class="first-name" type="text" name="firstname" placeholder="First name *" required />
                                            <input class="last-name" type="text" name="lastname" placeholder="Last name *" required />
                                            <input class="your-email" type="text" name="email" placeholder="Your email address *" required />
                                            <input class="subscribe-button" type="submit" value="Subscribe"/>
                                        </form>
                                    </div>
                                </div>
                            </section>
                            <!--Footer Subscribe End-->
                            
                        </div>
                        
                        <!--Footer Bottom Start-->
                        <div class="footer-bottom">
                            <div class="copyright">
                                Copyright © All Rights Reserved. <a href="#">yourdomain.com</a>
                            </div>
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about-us-style1.html">About Us</a></li>
                                    <li><a href="portfolio-grid.html">Portfolio</a></li>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                </ul>
                            </nav>
                        </div>
                        <!--Footer Bottom End-->
                        
                    </div>
                </div>
                
                <!--Go To Top-->
                <a href="#" class="back-to-top"></a>
                <!--End-->
                
            </footer>
            <!--Footer End-->
            
        </div>
        
    </div>
    
    <div class="clearfix"></div>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/greensock.js"></script>

<!--Flexy Menu Script-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/flexy-menu.js"></script>

<!--LayerSlider Script-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/layerslider/js/layerslider.transitions.js"></script>

<!--Carousel Plugin Script-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/owl.carousel.js"></script>

<!-- MEGAFOLIO PRO GALLERY SCRIPT -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/megafolio/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/megafolio/js/jquery.themepunch.megafoliopro.js"></script>

<!-- COLORBOX LIGHTBOX SCRIPT -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.colorbox.js"></script>

<!-- Flexslider Script -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flexslider.js"></script>

<!--Social Share Button Script-->
<script src="<?php bloginfo('template_url'); ?>/js/jquery.sharrre.min.js" type="text/javascript"></script>

<!-- Fancybox Script -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.fancybox.pack8cbb.js?v=2.1.5"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.fancybox-buttons3447.js?v=1.0.5"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.fancybox-mediac924.js?v=1.0.6"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.fancybox-thumbsf2ad.js?v=1.0.7"></script>

<!--Tooltip Script-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/tooltip.js"></script>

<!--Placeholder Script-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/placeholder.js"></script>

<!--Custom-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/custom.js"></script>

</body>
</html>
